// 导入 useRef
import { useRef, useEffect } from 'react';

export const App = () => {
  // 创建dom容器
  const inputRef = useRef(null);

  const handlClick = () => {
    // console.log(inputRef.current);
    // inputRef.current.focus();
  };

  // 组件渲染完毕后设置光标
  useEffect(() => {
    if (!inputRef.current) return;
    inputRef.current.focus();
    console.log(inputRef.current);
  }, []);

  return (
    <div>
      <input type={'text'} ref={inputRef} />
      <button onClick={handlClick}>设置输入框焦点</button>
    </div>
  );
};
